$(document).ready(function() {

	$('#raDataTable').dataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", "bSortable": false, sWidth: '5%'},
		                {"sTitle": "รหัสพนักงาน", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "ปี/เดือน", sClass: "alignCenter", "bSortable": false, sWidth: '8%'},
		                {"sTitle": "ชื่อ - นามสกุล", "bSortable": false, sWidth: '20%'},
		                {"sTitle": "อายุงาน", sClass: "alignRight", "bSortable": false, sWidth: '7%'},
		                {"sTitle": "รหัสตำแหน่ง", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "จัดการ", sClass: "alignCenter table-action", sWidth: '20%', "bSortable": false,
		                	"mRender": function ( data, type, full ) { 
		                		return "<i class='fa fa-wrench' title='แก้ไขข้อมูล' onclick=\"confirmUpdateData('"+ data +"');\"></i> &nbsp;&nbsp" +
		                				"<i class='fa fa-trash-o' title='ลบข้อมูล' onclick=\"confirmDeleteData('"+ data +"');\"></i>";
		                	} 
		                }
		               ],
//		"bPaginate": false,
//		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "../ACM2201Srvl?process_type=getDataTable"
	} );

});

function searchData() {

	var paPeNo = $("#inputPeNo").val();
	var paMonth = $("#inputMonth").val();
	var paYear = $("#inputYear").val();

	if (paMonth == "" || paYear == "") {
		$('#modal_content_warning').html("กรุณากรอกข้อมูลให้ครบถ้วน");
		$('#warningModal').modal();
	} else {
		setTimeout(function() { 
			$('#raDataTable').DataTable().column(0).search(paPeNo);
			$('#raDataTable').DataTable().column(1).search(paMonth);
			$('#raDataTable').DataTable().column(2).search(paYear);
			$('#raDataTable').DataTable().draw();
		}, 1000);
	}	
}

function confirmUpdateData(data) {
	
	var dataSplit = data.split(",");
	
	var vaPeNo = dataSplit[0];
	var vaTitleNm = dataSplit[1];
	var vaName = dataSplit[2];
	var vaSurNm = dataSplit[3];
	var vaClosYm = dataSplit[4];
	
	$('#inputPeNoTemp').val(vaPeNo);
	$('#inputTitleTemp').val(vaTitleNm);
	$('#inputNameTemp').val(vaName);
	$('#inputSurNmTemp').val(vaSurNm);
	$('#inputClosYmTemp').val(vaClosYm);

	$('#detailEdit').modal();
	
//	alert(vaPeNo+"-"+vaTitleNm+"-"+vaName+"-"+vaSurNm+"-"+vaClosYm);
}

function updateData() {
	var vaPeNo = $('#inputPeNoTemp').val();
	var vaTitleNm = $('#inputTitleTemp').val();
	var vaName = $('#inputNameTemp').val();
	var vaSurNm = $('#inputSurNmTemp').val();
	var vaClosYm = $('#inputClosYmTemp').val();

	$.ajax({
		url : "../ACM2201Srvl", 
		type : "POST",
		data : {
			peNo: vaPeNo,
			titleNm: vaTitleNm,
			name: vaName,
			surNm: vaSurNm,
			closYm: vaClosYm,
			process_type: "updateData"
		},
	//	anync:false,
		dataType:"JSON",
		success: function(data){
			
			if(data.result == "success"){
				$('#modal_content_manage_data').html("<span class=\"fa-stack fa-lg\" style=\"color:#0C0\"> <i class=\"fa fa-circle fa-stack-2x\"></i> <i class=\"fa fa-check fa-stack-1x fa-inverse\"></i> </span> การแก้ไขข้อมูลเสร็จสมบูรณ์");
				$('#warningManageDataModal').modal();
			}else{
				$('#modal_content_manage_data').html("<span class=\"fa-stack fa-lg\" style=\"color:#C00\"> <i class=\"fa fa-circle fa-stack-2x\"></i> <i class=\"fa fa-times fa-stack-1x fa-inverse\"></i> </span> เกิดข้อผิดพลาดในการแก้ไขข้อมูล");
				$('#warningManageDataModal').modal();
			}
		
			searchData();
		}
	});
}

function confirmDeleteData(data) {
	var dataSplit = data.split(",");
	
	var vaPeNo = dataSplit[0];
	var vaTitleNm = dataSplit[1];
	var vaName = dataSplit[2];
	var vaSurNm = dataSplit[3];
	var vaClosYm = dataSplit[4];
	
	$('#inputPeNoTemp').val(vaPeNo);
	$('#inputTitleTemp').val(vaTitleNm);
	$('#inputNameTemp').val(vaName);
	$('#inputSurNmTemp').val(vaSurNm);
	$('#inputClosYmTemp').val(vaClosYm);
	
	var messase = "";
	
	messase += "<b>รหัสพนักงาน : </b>"+vaPeNo;
	messase += "<br><b>ปี/เดือน : </b>"+vaClosYm;
	messase += "<br><b>ชื่อ - นามสกุล : </b>"+vaTitleNm+" "+vaName+" "+vaSurNm;
	
	$('#modal_content_confirmDeleteModal').html(messase);
	$('#confirmModal').modal();
}

function deleteData() {
	
	var vaPeNo = $('#inputPeNoTemp').val();
	var vaClosYm = $('#inputClosYmTemp').val();

	$.ajax({
		url : "../ACM2201Srvl", 
		type : "POST",
		data : {
			peNo: vaPeNo,
			closYm: vaClosYm,
			process_type: "deleteData"
		},
	//	anync:false,
		dataType:"JSON",
		success: function(data){
			
			if(data.result == "success"){
				$('#modal_content_manage_data').html("<span class=\"fa-stack fa-lg\"  style=\"color:#0C0\"> <i class=\"fa fa-circle fa-stack-2x\"></i> <i class=\"fa fa-check fa-stack-1x fa-inverse\"></i> </span> การลบข้อมูลเสร็จสมบูรณ์");
				$('#warningManageDataModal').modal();
			}else{
				$('#modal_content_manage_data').html("<span class=\"fa-stack fa-lg\"  style=\"color:#C00\"> <i class=\"fa fa-circle fa-stack-2x\"></i> <i class=\"fa fa-times fa-stack-1x fa-inverse\"></i> </span> เกิดข้อผิดพลาดในการลบข้อมูล");
				$('#warningManageDataModal').modal();
			}
			
			searchData();
			
		}
	});
}